<template>
	<div>
		<!-- 把原本放在APP.vue的文件在抽取到这里 -->
		<tab-bar>
			<tab-bar-item path="/home" acClass="#343434">
				<img src="@/assets/image/tabbar/home.png" slot="tab-icon" />
				<img src="@/assets/image/tabbar/home_selected.png" slot="tab-icon-select"/>
				<div slot="tab-title">首页</div>
			</tab-bar-item>
			<tab-bar-item path="/about" acClass="#343434">
				<img src="@/assets/image/tabbar/index.png" slot="tab-icon" />
				<img src="@/assets/image/tabbar/index_selected.png"  slot="tab-icon-select"/>
				<div slot="tab-title">参考</div>
			</tab-bar-item>
			<tab-bar-item path="/order" acClass="#343434">
				<img src="@/assets/image/tabbar/order.png" slot="tab-icon" />
				<img src="@/assets/image/tabbar/order_selected.png" slot="tab-icon-select" />
				<div slot="tab-title">理财</div>
			</tab-bar-item>
			<tab-bar-item path="/life" acClass="#343434">
				<img src="@/assets/image/tabbar/kf.png" slot="tab-icon" />
				<img src="@/assets/image/tabbar/kf_select.png"  slot="tab-icon-select"/>
				<div slot="tab-title">生活</div>
			</tab-bar-item>
			<tab-bar-item path="/my" acClass="#343434">
				<img src="@/assets/image/tabbar/my.png" slot="tab-icon" />
				<img src="@/assets/image/tabbar/my_selected.png"  slot="tab-icon-select"/>
				<div slot="tab-title">我的</div>
			</tab-bar-item>
		</tab-bar>
	</div>
</template>

<script>
	import TabBar from '@/components/tabbar/TabBar.vue'
	import TabBarItem from '@/components/tabbar/TabBarItem.vue'
	export default{
		components: {
			TabBar,
			TabBarItem,
		}
	}
</script>

<style>
</style>
